{include file="public/head"/}
<style type="text/css">
    .layui-table td, .layui-table th {
        position: relative;
        padding: 13px 10px;
        min-height: 19px;
        line-height: 19px;
        font-size: 14px;
    }
    .layadmin-backlog-body p cite {
        font-style: normal;
        color: #009688;
        font-size: 16px;
        font-weight: bold;
    }
</style>
<div class="layui-content-wrapper">
    <div class="layui-fluid">
        <div class="layui-row layui-col-space8">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-header">数据列表</div>
                    <div class="layui-card-body">
                        <div class="clt-auth-btns" style="margin-bottom: 10px;">
                            <button class="layui-btn layuiadmin-btn-list layui-btn-sm" data-type="add"><i class="layui-icon layui-icon-add-1"></i>添加优惠卷</button>
                        </div>
                        <table class="layui-hide" id="list" lay-filter="list"></table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{include file="public/foot"/}

<script type="text/html" id="status">
    <input type="checkbox" name="status" value="{{d.id}}" lay-skin="switch" lay-text="上架|下架" lay-filter="status"
           {{ d.status == 1 ? 'checked' : '' }}>
</script>

<script type="text/html" id="title">
    {{d.title}}
</script>
<script type="text/html" id="cover">
    {{# if(d.cover){ }}
    <img src="{{d.cover}}" style="cursor:pointer; width: 30px;"
         onmouseover="layer.tips('<img src={{d.cover}}>',this,{tips: [1, '#fff']});"
         onmouseout="layer.closeAll();">{{# } }}
</script>
<script type="text/html" id="share">
    {{d.share}} 个
</script>
<script type="text/html" id="action">
    <a class="layui-btn layui-btn-xs" lay-event="edit"><i class="layui-icon layui-icon-edit"></i>编辑</a>

    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">
        <i class="layui-icon layui-icon-delete"></i>删除
    </a>
</script>

<script>
    layui.config({
        base: '__LAYDMIN__',
        shade: 0
    }).extend({
        index: 'lib/index' //主入口模块
    }).use(['index', 'table', 'carousel', 'form'], function () {
        var $ = layui.$;
        var admin = layui.admin;
        var table = layui.table;
        var element = layui.element;
        var form = layui.form;
        var util = layui.util;
        var upload = layui.upload;
        var carousel = layui.carousel;
        var device = layui.device();
        var tableLoadDiv = window.top.layer.load(0,{shade:[0.15, '#000']}); //加载层,table.render完成时需要关闭
        //全部数据
        tableIn = table.render({
            elem: '#list',
            url: '{:url(SYS_PATH."/".CONTROLLER."/index")}',
            method: 'post',
            autoSort: false,
            loading: true,
            cols: [[
                {type: 'checkbox'},
                {field: 'id', title: '编号', width: 140,align:'center'},
                {field: 'title', title: '标题', width: 250,templet: '#title',align:'center'},
                {field: 'desc', title: '说明', width: 250,align:'center'},
                {field: 'coupon_price', title: '优惠价格', width: 200,align:'center',sort:true},
                {field: 'create_time', title: '添加时间', width: 160,sort:true,align:'center'},
                {width: 160,title:'操作', align: 'center', toolbar: '#action'}
        ]],
        page: true,
            done:function (res) {
            window.top.layer.close(tableLoadDiv);
        }
        });

    table.on('sort(list)', function (obj) {
        table.reload('list', {
            initSort: obj //记录初始排序，如果不设的话，将无法标记表头的排序状态。
            , where: { //请求参数（注意：这里面的参数可任意定义，并非下面固定的格式）
                sort_by: obj.field //排序字段
                , sort_order: obj.type //排序方式
            }
        });
    });


    //列表编缉与删除---监听工具条
    table.on('tool(list)', function (obj) {
        var data = obj.data;
        var id = data.id;
        if (obj.event === 'del') {
            var uri = "{:url(SYS_PATH.'/'.CONTROLLER.'/doDelete')}"
            layui.doDelete(uri, "确定要删除该优惠卷吗？", id, obj);//单个删除接口
        } else if (obj.event === 'edit') {
            layui.layerOpen("{:url(SYS_PATH.'/'.CONTROLLER.'/edit')}?id=" + id, "编缉- " + data.title);
        }
    });


    //改变状态
    form.on('switch(status)', function (obj) {
        var id = this.value;
        var status = obj.elem.checked === true ? 1 : 2;
        admin.req({
            url: '{:url(SYS_PATH.'/'.CONTROLLER.'/doStatus')}'
            , type: 'post'
            , data: {'id': id, 'status': status}
            , success: function (res) {
                if (res.code == 0) {
                    window.top.layer.msg(res.msg, {time: 1000, icon: 1,shade:[0.5,'#000']});
                } else {
                    window.top.layer.msg(res.msg, {time: 1000, icon: 2,shade:[0.5,'#000']});
                    if (obj.elem.checked == true) {
                        $(obj.elem).prop('checked', false);
                    } else {
                        $(obj.elem).prop('checked', true);
                    }
                    form.render();
                }
            }
        });
    });

    //监听头部按钮
    $('.clt-auth-btns .layui-btn').on('click', function () {
        var type = $(this).data('type');
        var title = $(this).data('title');
        if (type === 'add') {
            layui.layerOpen("{:url(SYS_PATH.'/'.CONTROLLER.'/add')}", title);
        } else if (type == 'deleteAll') {
            layui.deleteAll("{:url(SYS_PATH.'/'.CONTROLLER.'/doDeleteAll')}", "确定要批量删除吗？", tableIn);//tableIn为渲染列表对象
        }
    });


    //搜索重载
    $('.table-head-btn .layui-btn').on('click', function () {
        var type = $(this).data('type');
        if (type === 'reload') {
            var key = $('#key').val();
            //执行重载
            table.reload('list', {
                page: {curr: 1 },
                where: {
                    key: key
                }
            });
        }
    });

    //分类选择
    form.on('select(cid)', function (data) {
        var cid = data.value;
        //执行重载
        table.reload('list', {
            page: {curr: 1 },
            where: {
                cid: cid
            }
        });
    });

    form.on('select(status)', function (data) {
        var status = data.value;
        //执行重载
        table.reload('list', {
            page: {curr: 1 },
            where: {
                status: status
            }
        });
    });

    //轮播切换
    $('.layadmin-carousel').each(function () {
        var othis = $(this);
        carousel.render({
            elem: this
            , width: '100%'
            , arrow: 'none'
            , interval: othis.data('interval')
            , autoplay: othis.data('autoplay') === true
            , trigger: (device.ios || device.android) ? 'click' : 'hover'
            , anim: othis.data('anim')
        });
    });

    })
    ;
</script>
</body>
</html>

